import { createApp } from "https://unpkg.com/vue@3/dist/vue.esm-browser.js";

/**
 * 传入一个对象作为参数，该对象定义了应用实例的配置。
 * data 方法返回一个对象，该对象包含了应用实例的数据。
 * 在html中，可以通过双花括号"{{...}}"插值表达式访问数据。
 */
const app = createApp({
    data() {
        return {
            message: "Hello, Vue 3!",
        };
    },
});

/**
 * mount 方法用于将应用实例挂载到指定的 DOM 元素上。
 * 它接收一个选择器字符串或一个 DOM 元素作为参数。
 * vue的作用范围是名为app的div元素及其子元素。
 */
app.mount("#app");
